<style lang="scss">
#medicine{
    height:100%;
    .main-content{
        width:calc(100% - 210px);
        height:calc(100% - 140px);
        background: #f2f2f2;
        overflow-y:auto;
        padding:20px;
        float:right;
    }
}  
</style>
<template>
    <div id="medicine">
        <m-header></m-header> 
        <m-nav></m-nav>
        <m-tree></m-tree>
        <div class="main-content">
            <router-view></router-view>
        </div> 
    </div>
</template>
<script>
import mHeader from '@/components/header.vue';
import mNav from '@/components/nav.vue';
import mTree from '@/components/tree.vue';
export default {
    name: 'medicine',
    data(){
        return{

        }
    },
    methods:{

    },
    components:{
        mHeader,
        mNav,
        mTree
    }
}
</script>


